<div class="navbar">
    <div class="navbar-inner">
        <div class="left" style=" width: 88%;">
            <a href="#" class="back link" style="padding-right: 0.7rem;"> <i class="fa fa-angle-left"></i></a>
            <form data-search-list=".list-block-search" data-search-in=".item-title" class="searchbar searchbar-init" style="padding:0;" autocomplete="off">
                <div class="searchbar-input" id="clearCont">
                    <input type="search" class="j-search-input" value="${key!}" placeholder="大家都在搜“高考”"><a href="#" class="searchbar-clear"></a>
                </div>
            </form>
        </div>
        <div class="right" style="margin-left:0;">
            <a href="${basepath}/phone/cart/index" data-ignore-cache="true" class="icon-cart">
                <div class="icon-cart-in">
                    <img src="${staticpath}/phone/images/icon-cart.png">
                </div>
            </a>
        </div>
    </div>
</div>
<div data-page="search-index" class="page">
    <div class="searchbar-overlay"></div>
    <div class="page-content">
		<input type="hidden" id="imgrootpath" value="${systemSetting().imageRootPath}">
        <div class="searchbar-not-found" style="background-color: #FFF; height: 100%;">
            <div style="padding: 5rem 6rem; text-align: center;">
                <img src="${staticpath}/phone/images/null-address.png" style="width: 100%;">
                <p style=" color: #FDC010; font-size: 1.8rem;">没有找到您想要的结果哦~</p>
            </div>
        </div>

        <div class="j-list-search-result" style="display: none; height: 100%; background-color: #FFF;">
            <div class="list-block list-block-search searchbar-found" id="searchbar-found">
                <ul>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">数学 </div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">数学之家</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">几何数学</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">数学运算思维</div>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">数学好的人</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="content-block" style="padding-top: 10px;">
            <!-- tabs控制面板 -->
            <div class="buttons-row">
                <!-- 关联到第一个tab, 默认激活 -->
                <a href="#tab1" class="tab-link button" style="display:block;width:33.33%;">销售优先</a>
                <!-- 关联到第二个tab -->
                <a href="#tab2" class="tab-link button active" style="display:block;width:33.33%;">价格优先</a>
                <!-- 关联到第三个tab -->
                <a href="#" id="sxTab" class="tab-link button open-panel" style="display:block;width:33.33%;" data-panel="right">筛选</a>
            </div>
        </div>
        <div class="tabs" style="background-color: #FFF;">
            <!-- Tab 1, 默认激活 -->
            <div id="tab1" class="tab">
                <div class="content-block">
					<#if productList?? && productList?size gt 0 >
						<div class="seller-row">
							<#list productList as item>
								<#if item?? && item?size gt 0 >
								 	<#list item?sort_by("sellcount")?reverse as p>
								 		<div class="seller-col">
				                            <a class="goods s3" href="${basepath}/phone/home/detail?productId=${p.id!}">
				                                <span class="picture"><#if p.picture?? ><img src="${systemSetting().imageRootPath}${p.picture!}"></#if></span>
				                                <div class="r2">
				                                    <span class="title">${p.name!}</span>
				                                    <span class="seller">${p.cbs!}</span>
				                                </div>
				                                <div class="r2">
				                                    <span class="right">当日送达</span>
				                                    <span class="price">￥${p.nowPrice!} </span>
				                                </div>
				                            </a>
				                        </div>
								 	</#list>
								</#if>
							</#list>
						</div>
						<#else >
						<div class="searchbar-not-found" style="background-color: #FFF; height: 70%;display:block;">
				            <div style="padding: 5rem 6rem; text-align: center;">
				                <img src="${staticpath}/phone/images/null-address.png" style="width: 100%;">
				                <p style=" color: #FDC010; font-size: 1.8rem;">没有找到您想要的结果哦~</p>
				            </div>
				        </div>
					</#if>
                </div>
            </div>
      
           <div id="tab2" class="tab active">
                <div class="content-block">
                	<#if productList?? && productList?size gt 0 >
						<div class="seller-row">
							<#list productList as item>
								<#if item?? && item?size gt 0 >
									 	<#list item?sort_by("nowPrice") as p>
									 		<div class="seller-col">
					                            <a class="goods s3" href="${basepath}/phone/home/detail?productId=${p.id!}">
					                                <span class="picture"><#if p.picture?? ><img src="${systemSetting().imageRootPath}${p.picture!}"></#if></span>
					                                <div class="r2">
					                                    <span class="title">${p.name!}</span>
					                                    <span class="seller">${p.cbs!}</span>
					                                </div>
					                                <div class="r2">
					                                    <span class="right">当日送达</span>
					                                    <span class="price">￥${p.nowPrice!} </span>
					                                </div>
					                            </a>
					                        </div>
									 	</#list>
									</#if>
								</#list>
							</div>
						<#else>
						<div class="searchbar-not-found" style="background-color: #FFF; height: 70%;display:block;">
				            <div style="padding: 5rem 6rem; text-align: center;">
				                <img src="${staticpath}/phone/images/null-address.png" style="width: 100%;">
				                <p style=" color: #FDC010; font-size: 1.8rem;">没有找到您想要的结果哦~</p>
				            </div>
				        </div>
					</#if>
                </div>
            </div>
        </div>
    </div>
</div>